<<<<<<< HEAD
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="aa">
      <div class="bb"></div>
    </div>
  </body>
</html>
<script>

</script>
<style>
  .aa{
    width: 100px;
    height: 100px;
    border: 2px solid #333;
    /* position: relative; */
    /* display: flex;
    justify-content: space-around;
    align-items: center; */
  }
  .bb{
    width: 40px;
    height: 40px;
    background-color: pink; 

    /* position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px; */
    /* margin-top: 30px;
    margin-left: 30px; */
  }
=======
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="aa">
      <div class="bb"></div>
    </div>
  </body>
</html>
<script>

</script>
<style>
  .aa{
    width: 100px;
    height: 100px;
    border: 2px solid #333;
    /* position: relative; */
    /* display: flex;
    justify-content: space-around;
    align-items: center; */
  }
  .bb{
    width: 40px;
    height: 40px;
    background-color: pink; 

    /* position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px; */
    /* margin-top: 30px;
    margin-left: 30px; */
  }
>>>>>>> 82f06f2fce215054ea04e418f6a754fea7a54e40
</style>